<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
        <script src="http://maps.google.com/maps?file=api" type="text/javascript"></script>

    <script type="text/javascript">
		function GM_load(center_x, center_y) {
			var centerLatLng = new GLatLng(center_x, center_y);
			var map = new GMap2(document.getElementById("map"));
			map.enableContinuousZoom();
			map.continuousZoomEnabled();
			
			map.setCenter	(
								centerLatLng,
								6,
								G_NORMAL_MAP
							);
			map.setUIToDefault();
			
			var starIcon = new GIcon(G_DEFAULT_ICON);
			starIcon.image = "place_icon.png";
			starIcon.iconSize = new GSize(30, 30);
			starIcon.shadow  = "place_icon_shadow.png";
			markerOptions = { icon:starIcon };
			
			
			function createMarker(latlng, album_index) {
				var marker = new GMarker(latlng, markerOptions);
				GEvent.addListener(marker,"click",
					function()
					{
						var current_zoom = map.getZoom();
						if (current_zoom <=13)
						{
							map.setZoom(current_zoom+5);
						}
						else if (current_zoom <=16)
						{
							map.setZoom(current_zoom+2);
						}
						else if (current_zoom <=17)
						{
							map.setZoom(current_zoom+1);
						}
						else if (current_zoom <=18)
						{
							map.setZoom(current_zoom+1);
						}
						else
						{
							map.setZoom(current_zoom);
						}
						
						map.setCenter(latlng);
						parent.photoslide.location.href = 'photoslide' +album_index+ '.htm'; 
					}
				);
				return marker;
			}
						
			var latlng = new GLatLng(37.6, 127.0001);
			map.addOverlay(createMarker(latlng, 1));

		}
	</script>
  </head>
  
<body oncontextmenu="return false" onload="GM_load(36, 127.5)" onunload="GUnload()"
 ondragstart="return false" onselectstart="return false"
 background = "bg_map.jpg" bgproperties="fixed">	


	<table width="800" border="0" cellspacing="0" cellpadding="0">
		<tr height="5"> 
			<td>
			</td>
		</tr>
		<tr>
			<td width = "59">
				&nbsp;
			</td>
			<td>
				<div id="map" style="width:391px;height:447px"></div>
			</td>
		</tr>
	</table>
	


   </script>
</body>
</html>